<div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- Messages: style can be found in dropdown.less-->
{#          <li class="dropdown messages-menu">#}
{#            <!-- Menu toggle button -->#}
{#            <a href="#" class="dropdown-toggle" data-toggle="dropdown">#}
{#              <i class="fa fa-envelope-o"></i>#}
{#              <span class="label label-success">4</span>#}
{#            </a>#}
{#            <ul class="dropdown-menu">#}
{#              <li class="header">You have 4 messages</li>#}
{#              <li>#}
{#                <!-- inner menu: contains the messages -->#}
{#                <ul class="menu">#}
{#                  <li><!-- start message -->#}
{#                    <a href="#">#}
{#                      <div class="pull-left">#}
{#                        <!-- User Image -->#}
{#                        <img src="/static/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">#}
{#                      </div>#}
{#                      <!-- Message title and timestamp -->#}
{#                      <h4>#}
{#                        Support Team#}
{#                        <small><i class="fa fa-clock-o"></i> 5 mins</small>#}
{#                      </h4>#}
{#                      <!-- The message -->#}
{#                      <p>Why not buy a new awesome theme?</p>#}
{#                    </a>#}
{#                  </li>#}
{#                  <!-- end message -->#}
{#                </ul>#}
{#                <!-- /.menu -->#}
{#              </li>#}
{#              <li class="footer"><a href="#">See All Messages</a></li>#}
{#            </ul>#}
{#          </li>#}
{#          <!-- /.messages-menu -->#}
{##}
{#          <!-- Notifications Menu -->#}
{#          <li class="dropdown notifications-menu">#}
{#            <!-- Menu toggle button -->#}
{#            <a href="#" class="dropdown-toggle" data-toggle="dropdown">#}
{#              <i class="fa fa-bell-o"></i>#}
{#              <span class="label label-warning">10</span>#}
{#            </a>#}
{#            <ul class="dropdown-menu">#}
{#              <li class="header">You have 10 notifications</li>#}
{#              <li>#}
{#                <!-- Inner Menu: contains the notifications -->#}
{#                <ul class="menu">#}
{#                  <li><!-- start notification -->#}
{#                    <a href="#">#}
{#                      <i class="fa fa-users text-aqua"></i> 5 new members joined today#}
{#                    </a>#}
{#                  </li>#}
{#                  <!-- end notification -->#}
{#                </ul>#}
{#              </li>#}
{#              <li class="footer"><a href="#">View all</a></li>#}
{#            </ul>#}
{#          </li>#}
{#          <!-- Tasks Menu -->#}
{#          <li class="dropdown tasks-menu">#}
{#            <!-- Menu Toggle Button -->#}
{#            <a href="#" class="dropdown-toggle" data-toggle="dropdown">#}
{#              <i class="fa fa-flag-o"></i>#}
{#              <span class="label label-danger">9</span>#}
{#            </a>#}
{#            <ul class="dropdown-menu">#}
{#              <li class="header">You have 9 tasks</li>#}
{#              <li>#}
{#                <!-- Inner menu: contains the tasks -->#}
{#                <ul class="menu">#}
{#                  <li><!-- Task item -->#}
{#                    <a href="#">#}
{#                      <!-- Task title and progress text -->#}
{#                      <h3>#}
{#                        Design some buttons#}
{#                        <small class="pull-right">20%</small>#}
{#                      </h3>#}
{#                      <!-- The progress bar -->#}
{#                      <div class="progress xs">#}
{#                        <!-- Change the css width attribute to simulate progress -->#}
{#                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">#}
{#                          <span class="sr-only">20% Complete</span>#}
{#                        </div>#}
{#                      </div>#}
{#                    </a>#}
{#                  </li>#}
{#                  <!-- end task item -->#}
{#                </ul>#}
{#              </li>#}
{#              <li class="footer">#}
{#                <a href="#">View all tasks</a>#}
{#              </li>#}
{#            </ul>#}
{#          </li>#}
          <!-- User Account Menu -->
          <li class="dropdown user user-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <!-- The user image in the navbar-->
              <img src="/static/dist/img/logo.jpg" class="user-image" alt="User Image">
              <!-- hidden-xs hides the username on small devices so only the image appears. -->
              <span class="hidden-xs">{{ request.user.username }}</span>
            </a>
            <ul class="dropdown-menu">
              <!-- The user image in the menu -->
              <li class="user-header">
                <img src="/static/dist/img/logo.jpg" class="img-circle" alt="User Image">

                <p>
                    {{ request.user.nickname }}
                    {{ request.user.email }}
                </p>
              </li>
              <!-- Menu Body -->
{#              <li class="user-body">#}
{#                <div class="row">#}
{#                  <div class="col-xs-4 text-center">#}
{#                    <a href="#">Followers</a>#}
{#                  </div>#}
{#                  <div class="col-xs-4 text-center">#}
{#                    <a href="#">Sales</a>#}
{#                  </div>#}
{#                  <div class="col-xs-4 text-center">#}
{#                    <a href="#">Friends</a>#}
{#                  </div>#}
{#                </div>#}
{#                <!-- /.row -->#}
{#              </li>#}
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                    {% if request.user.ldap_name %}
                        <a href="{% url 'change_ldap_password' %}" class="btn btn-default btn-flat">变更密码</a>
                    {% else %}
                        <a href="{% url 'change_password' %}" class="btn btn-default btn-flat">变更密码</a>
                    {% endif %}
                </div>
                <div class="pull-right">
                  <a href="{% url "logout" %}" class="btn btn-default btn-flat">退出登录</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <li>
              <p>&nbsp;</p>
          </li>
        </ul>
      </div>
